/* 面包屑 */
.location ul {
    margin-bottom: 0px;
}

    .location ul li {
        line-height: 40px;
        display: inline-block;
    }

.content .right {
    width: 85%;
    float: left;
}

    .content .right .team li {
        display: inline-block;
        margin-right: 20px;
        line-height: 30px;
        cursor: pointer;
    }

        .content .right .team li a {
            font-size: 14px;
        }

        .content .right .team li.choose {
            border-bottom: 2px solid #000;
        }

            .content .right .team li.choose a {
                color: #000;
            }


.convert {
    padding: 10px;
}

    .convert .list {
        /*background-color: #e8cb3b;*/
        height: 120px;
        /*padding: 0px 10px;*/
        /*border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;*/
        margin-top: 10px;
        overflow: hidden;
        border: 1px solid #ccc;
    }

    .convert .modular1 {
        width: 23%;
        background-color: white;
        height: 100%;
        border-right: 2px dashed #ccc;
        float: left;
        /*line-height: 120px;*/
        line-height: 115px;
    }

        .convert .modular1 img {
            /*padding: 10px;*/
            padding: 5px;
        }

    .convert .modular2 {
        width: 54%;
        background-color: white;
        height: 100%;
        float: left;
        /*padding: 8px 30px 10px 10px;*/
        padding: 8px;
        word-break: break-all;
        position: relative;
    }


        .convert .modular2 .m2des1 {
            color: #dacd35;
        }

        .convert .modular2 .m2des2 {
            height: 70px;
            font-weight: bold;
            font-size: 17px;
            display: -webkit-box;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
        }

        .convert .modular2 .m2des3 {
            margin-top: 3px;
            color: #a7a050;
            font-size: 12px;
            transform: scale(.9);
            position: absolute;
        }

        .convert .can .modular2 .m2des3,.convert .valid .modular2 .m2des3 {
            left: 0;
        }

            .convert .modular2 .m2des3 .used {
                color: red;
            }

    .convert .modular3 {
        width: 23%;
        background-color: #FFB6C1;
        height: 100%;
        float: left;
        position: relative;
    }

        .convert .modular3 .m3 {
            width: 100%;
            text-align: center;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

            .convert .modular3 .m3 .m3des1 {
                color: white;
                font-size: 17px;
                text-align: center;
            }

                .convert .modular3 .m3 .m3des1 .iconfont {
                    font-size: 20px;
                }

            .convert .modular3 .m3 .m3des2 {
                color: white;
                font-size: 15px;
            }

    .convert .nothing {
        text-align: center;
        margin-top: 100px;
        font-size: 15px;
        color: gray;
        line-height: 30px;
        display: none;
    }

    .convert .ctips {
        text-align: center;
        font-size: 19px;
        color: #ddd;
        line-height: 280px;
    }

        .convert .ctips .layui-icon-notice {
            font-size: 20px;
            margin-right: 5px;
        }

    .convert .invalid .modular3 {
        background-color: #ababab;
    }

@media (min-width: 1024px) {
    .convert .list {
        width: 48%;
        float: left;
        margin-right: 18px;
    }
}

@media only all and (max-width:1023px) {
    .main_head, .main_footer {
        display: none;
    }

    .location {
        display: none;
    }

    .content {
        padding: 0px;
    }

        .content .left {
            display: none;
        }

        .content .right {
            width: 100%;
        }

            .content .right .team li {
                width: 32.7%;
                /*width: 50%;*/
                margin: 0px;
                line-height: 40px;
                text-align: center;
                float: left;
            }

    .convert .modular2 {
        padding: 8px;
    }

        .convert .modular2 .m2des2 {
            font-size: 16px;
            height: 68px;
        }

    /*.convert .modular2 {
        padding: 8px 10px 10px 8px;
    }*/
}